@import "indexs";
.bdr(@a){
    border-top:@a solid #eeeeee;
}
.hdr{
    .menu{
        .px2rem(line-height,90);
    }
}
.mian{
    .px2rem(padding-top,90);
    .spr{
        .px2rem(height,300);
        .px2rem(padding-top,90);
        div{
            div{
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
    .column{
        .px2rem(height,170);
        background-color: #ffffff;
        display: flex;
        justify-content: space-around;
        align-items: center;
        dl{
            dt{
                img{
                    .px2rem(width,95);
                    .px2rem(height,95);
                }
            }
            dd{
                .px2rem(font-size,20);
                .px2rem(line-height,30);
                text-align: center;
            }
        }
        }
        .left{
            .bdr(10px);
            .px2rem(height,370);
            display: flex;
            justify-content: space-around;
            .imgleft{
                .px2rem(width,370);
                height: 100%;
                border-right: 10px solid #eeeeee;
                display: flex;
                justify-content: center;
                align-items:center;
                img{
                    .px2rem(width,320);
                    .px2rem(height,250);
                }
            }
            .right{
                .px2rem(width,371);
                .top{
                    .px2rem(height,180);
                    border-bottom: 10px solid #eeeeee;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    dl{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        dt{
                            img{
                            .px2rem(width,80);
                            .px2rem(height,100);
                          }
                        }
                        dl{
                            h3{
                                .px2rem(font-size,20);
                                .px2rem(line-height,20);
                                color: #666666;
                            }
                            p{
                                .px2rem(font-size,16);
                                .px2rem(line-height,20);
                                color: #c2c2c2;
                            }
                        }
                    }
                }
                .bottom{
                    .px2rem(height,180);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    dl{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        dt{
                            img{
                            .px2rem(width,80);
                            .px2rem(height,100);
                          }
                        }
                        dd{
                            h3{
                                .px2rem(font-size,20);
                                .px2rem(line-height,20);
                                color: #666666;
                            }
                            p{
                                .px2rem(font-size,20);
                                .px2rem(line-height,20);
                                color: #c2c2c2;
                            }
                        }
                    }
                }
            }
        }
        .gir{
            .px2rem(height,228);
            img{
                width: 100%;
                height: 100%;
            }
        }
}
.fld{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    touch-action: none;
    z-index: 7;
    left: 0;
    top: 0;
    .max{
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        .div{
            background-color: #FFFFFF;
           div{
               .px2rem(width,300);
               .px2rem(height,200);
               .px2rem(font-size,30);
               .px2rem(line-height,200);
               text-align: center;
               color: #333333;
           }
           .btn{
               border-top:1px solid #ccc;
               display: flex;
               justify-content: space-between;
               align-items: center;
               .btnleft{
                   flex: 1;
                   .px2rem(height,50);
                   .px2rem(font-size,30);
                   .px2rem(line-height,50);
                   text-align: center;
                   color: #ccc;
               }
               .btnright{
                   flex: 1;
                   .px2rem(height,50);
                   .px2rem(font-size,30);
                   .px2rem(line-height,50);
                   text-align: center;
                   color: #5a9ae4;
                   border-left: 1px solid #ccc;
               }
           }
        }
    }
}
